.panel {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .loading {
    text-align: center;
    margin-top: 100px;
  }

  .panelList {
    flex: 0 0 300px;
    width: 300px;
    display: flex;
    flex-direction: column;

    :global {
      .ant-card-head {
        z-index: 100;
      }

      .ant-card-body {
        flex: 1;
        overflow-y: auto;
      }
    }
  }

  .panelWrap {
    flex: 1;
    border-left: 1px solid #f0f0f0;

    .panelLists {
      width: 99.5%;
      height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;

      .groupWrap {
        height: 100%;
      }

      :global {
        .ant-card-head {
          z-index: 100;
        }

        .ant-card-body {
          flex: 1;
          overflow-y: auto;
        }
      }
    }
  }

  :global {
    .ant-tree-treenode {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      .ant-tree-node-content-wrapper {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        .active {
          color: #1890ff;
        }

        &.ant-tree-node-selected {
          background-color: transparent;
        }
      }
    }
  }
}
